Ext.define("Wgo.view.Login", {
    extend: "Ext.form.Panel",
    //requires: "Ext.form.FieldSet",
    xtype: 'login',
    id: 'loginForm',
    config: {
        cls:"vm-form",
        //style: "background-color:white",
        items: [
            {
                xtype: 'header',
                docked: 'top'
            },
            {
                xtype: 'footer',
                docked: 'bottom'
            },
            {
                xtype: 'textfield',
                name: 'txtUserName',
                //label: 'Username',
                //labelAlign:'top',
                labelWidth:"0%",
                //required: true,
                id:"id-txtUserName",
                cls:"vm-txt-username",
                useClearIcon: false,
                placeHolder: 'Username',
                style: 'align: center',
                margin:'0 0 10 0'
            },
            {
                xtype: 'passwordfield',
                name: 'txtPassword',
                //required: true,
                labelWidth:"0%",
                id:"id-txtPassword",
                cls:"vm-txt-Password",
                useClearIcon: false,
                placeHolder: 'Password',
                margin:'0 0 10 0'
            },
            {
                xtype: 'button',
                name: 'btnLoginSubmit',
                action: 'btnLoginSubmit', //Find button by action name inside the controller to attach event handlers
                text: 'Sign In',
                width:"100%",
                ui: 'dark', //Green Theme
                cls:'vm-btn-submit'
            }
        ]
    },
    initialize: function() {
        /*this.down('#idUserName').setValue('senthil');
        this.down('#idPassword').setValue('senthil');*/
    }
});
